<!--
 * @Author: your name
 * @Date: 2020-08-12 14:53:06
 * @LastEditTime: 2020-08-12 18:54:26
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \devopsh:\project\QMangolia-web\src\views\code\verify\index.vue
-->
<template>
  <div class="verify">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane
        v-for="(item, index) in modules"
        :key="index" :label="item.label"
        :name="item.name"
      >
        <component :is="item.compName"></component>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
export default {
  components: {
    General: () => import('./general'),
    Code: () => import('./code'),
    Defect: () => import('./defect'),
    TestRange: () => import('./testRange'),
    TestStage: () => import('./testStage'),
    History: () => import('./history')
  },
  data() {
    return {
      activeName: 'general',
      modules: [{
        label: '基本信息',
        name: 'general',
        compName: 'general'
      }, {
        label: '代码信息',
        name: 'code',
        compName: 'code'
      }, {
        label: '关联缺陷',
        name: 'defect',
        compName: 'defect'
      }, {
        label: '测试范围',
        name: 'testRange',
        compName: 'testRange'
      }, {
        label: '测试轮次',
        name: 'testStage',
        compName: 'testStage'
      }, {
        label: '历史记录',
        name: 'history',
        compName: 'history'
      }]
    }
  },
  methods: {
    handleClick() {

    }
  }
}
</script>

<style lang="scss" scoped>
.verify {
  padding: 12px 24px;
}
</style>